<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html">

    <head>
        <meta charset="utf-8"/>
        <meta name="robots" content="noindex, nofollow"/>
        <title>Creating mathematical formulas with MathJax</title>
        <h:outputScript library="javaScript" name="markdown-it.min.js" target="head"/>
    </head>

    <body>
        
        <h:form styleClass="jsfcrud_list_form"  prependId="false"> 
            
            <h:inputTextarea value="#{backbeanTest.value}"  id="editor1"/>
            <h:commandButton value="OK" action="#{backbeanTest.OKString()}"/>
        </h:form>
        <script>
            CKEDITOR.replace('editor1', {
                extraPlugins: 'mathjax',
                mathJaxLib: 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-AMS_HTML',
                height: 320
            });
        </script>
    </body>

</html>
